@charset "utf-8";

/* ========================================
*
*	НЕ ДЛЯ ПРОДАЖИ! NOT FOR SALE!
*
*	info:	http://SergeyChunkevich.com
*
=========================================== */

html, body  { margin:0; padding:0; -webkit-text-size-adjust:none;}

body {
	background-image:url(../images/bg2.png);
	background-color:#e8e8e8;
	font-family:Helvetica, Arial, sans-serif;
}
#main {
	width:100%;
}

/* ================================= 1.| Надзаголовок ===== */
#container1 {
	background-image:url(../images/bg1.png);
	background-color:#e8e8e8;
	width:100%;
	border-bottom:1px solid #ccc;
	-webkit-box-shadow:0em 0em 0.5em rgba(0, 0, 0, 0.8);
	   -moz-box-shadow:0em 0em 0.5em rgba(0, 0, 0, 0.8);
	        box-shadow:0em 0em 0.5em rgba(0, 0, 0, 0.8);
}
.nadzagolovok {
	color:#fff;
	font-size:15px;
	padding:5px;
	text-align:center;
}

/* ================================= 2.| Заголовок ===== */
#container2 {
	width:100%;
}
.zagolovok{
	color:#aa0000;
	width:760px;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	text-shadow:2px 2px 2px rgba(255,255,255,0.8);
	margin:10px auto;
}
.podzagolovok{
	color:#444;
	width:800px;
	font-size:22px;
	text-align:center;
	text-shadow:2px 2px 2px rgba(255,255,255,0.8);
	margin:10px auto;
}

/* ================================= 3. ===== */
#container3 {
	width:100%;
}
#middle {
	width:960px;
	margin:0 auto;
	position:relative;
}

/* ================================= 3.1.| ВИДЕО ===== */
.video_area {
	margin:15px auto 15px auto;
	float:left;
	border:10px solid rgba(0, 0, 0, 0.02);
	-webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	-webkit-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	   -moz-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	        box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
}
.vcode {
	width:500px;
	height:345px;
}
#middle1 {
	width:875px;
	margin:0 auto;
	position:relative;
}
.video_area1 {
	margin:15px auto 15px auto;
	float:center;
	border:10px solid rgba(0, 0, 0, 0.02);
	-webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	-webkit-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	   -moz-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	        box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
}
.vcode1 {
	width:853px;
	height:480px;
}


/* ================================= 3.2.| СТРЕЛКА ===== */
.arrow {
	background:url(../images/arrow.png) center center no-repeat;
	width:86px;
	height:345px;
	float:left;
	padding:0 15px 0 15px;
	margin-top:26px;
}
.arrow2 {
	display:none;
}

/* ================================= 3.3.| ФОРМА (подписки) ===== */
.optin_area {
	width:301px;
	float:left;
	margin:15px auto 15px 0px;
	border:10px solid rgba(0, 0, 0, 0.02);
	-webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	-webkit-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	   -moz-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	        box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
}
	.optin-box {
		background: rgb(243,197,189); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYzViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYWEwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTMwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(243,197,189,1) 0%, rgba(170,0,0,1) 0%, rgba(227,0,0,1) 50%, rgba(170,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(0%,rgba(170,0,0,1)), color-stop(50%,rgba(227,0,0,1)), color-stop(100%,rgba(170,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(170,0,0,1) 0%,rgba(227,0,0,1) 50%,rgba(170,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(170,0,0,1) 0%,rgba(227,0,0,1) 50%,rgba(170,0,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(170,0,0,1) 0%,rgba(227,0,0,1) 50%,rgba(170,0,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(243,197,189,1) 0%,rgba(170,0,0,1) 0%,rgba(227,0,0,1) 50%,rgba(170,0,0,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#aa0000',GradientType=0 ); /* IE6-8 */
		padding:10px;
		text-align:center;
	}
	.optin-box .call1 {
		font-size:27px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		text-shadow:1px 1px #000;
		padding-bottom:5px;
	}
	.optin-box .call2 {
		font-size:15px;
		color:#fff;
		text-align:center;
		text-shadow:1px 1px #333;
		padding-bottom:15px;
	}
	.optin-box input {
		-webkit-border-radius:8px;
		 -khtml-border-radius:8px;
		   -moz-border-radius:8px;
	            border-radius:8px;
	}
		.optin-box input[type="text"] {
			color:#9f200e;
			border:2px solid #ccc;
			font-size:15px;
			margin-bottom:10px;
			padding:8px 10px;
			width:80%
		}
		.optin-box input#name { background:#fff url(../images/name.png) no-repeat center right; }
		.optin-box input#email { background:#fff url(../images/email.png) no-repeat center right }
		.optin-box input[type="submit"] {
			background: rgb(243,197,189); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYzViZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjN2EwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(243,197,189,1) 0%, rgba(122,0,0,1) 0%, rgba(227,0,0,1) 100%, rgba(205,0,0,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(0%,rgba(122,0,0,1)), color-stop(100%,rgba(227,0,0,1)), color-stop(100%,rgba(205,0,0,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(122,0,0,1) 0%,rgba(227,0,0,1) 100%,rgba(205,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(122,0,0,1) 0%,rgba(227,0,0,1) 100%,rgba(205,0,0,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(122,0,0,1) 0%,rgba(227,0,0,1) 100%,rgba(205,0,0,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(243,197,189,1) 0%,rgba(122,0,0,1) 0%,rgba(227,0,0,1) 100%,rgba(205,0,0,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#cd0000',GradientType=0 ); /* IE6-8 */
			border:2px solid #fff;
			color:#fff;
			cursor:pointer;
			font-size:18px;
			font-weight:bold;
			text-decoration:none;
			padding:10px 25px;
			margin:6px 0 5px 0;
			-webkit-border-radius:8px;
			 -khtml-border-radius:8px;
			   -moz-border-radius:8px;
					border-radius:8px;
		}
			.optin-box input[type="submit"]:hover { background:#aa0000; color:#fff; border:2px solid #fff; }
	.confident {
		font-size:11px;
		color:#ccc;
		text-align:left;
		margin:20px 10px 0 10px;
		background-image:url('../images/lock.png');
		background-repeat:no-repeat;
		background-position:left top;
		padding:0 0 10px 30px;
	}

.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

/* ================================= 4.| Кнопулечки ===== */

#social {
	width:405px;
	margin:30px auto 20px auto;
}
.social_headline {
	text-align:center;
	color:#777;
	padding:0 0 10px 0;
}
.pluso {
	margin:0 0 0 20px;
}

/* ================================= 5.| ТЕКСТ (выгоды/пули, призыв) ===== */
#container4 {
	width:1125px;
	margin:0 auto;
	position:relative;
}
#container42 {
	width:682px;
	margin:0 auto;
	position:relative;
}
.text_area {
	border:10px solid rgba(0, 0, 0, 0.02);
	-webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	-webkit-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	   -moz-box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
	        box-shadow:0em 0em 2em rgba(0, 0, 0, 0.7);
}
.text {
	background-color:#ffffff;
	padding:0px;
	border-bottom:0px solid #bbb;
}
.text_area h1 {
	color:#bf0000;
	font-size:20px;
	padding-left:5px;
	text-align:center;
}
.image {
	width:1106px;
	height:auto;
	border:0;
	float:left;	
}
.list {
	width:283px;
	padding:18px 0 2px;
	font-size:16px;
	float:left;
	margin-left:15px;
}
ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.list li {
	background:url("../images/check.gif") no-repeat scroll transparent;
	line-height:30px;
	padding-left:40px;
	padding-bottom:10px;
}

/* ================================= 6.| Комментарии ===== */
#d_comments_border {
	width:940px;
	margin:40px auto 10px auto;
    border:10px solid rgba(0, 0, 0, 0.02);
	-webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	-webkit-box-shadow:0em 0em 2em rgba(0,0,0,0.2);
	   -moz-box-shadow:0em 0em 2em rgba(0,0,0,0.2);
	        box-shadow:0em 0em 2em rgba(0,0,0,0.2);
}
#d_comments {
	background-color:#f9f9f9;
	padding:20px;
	border-bottom:5px solid #bbb;
}


/* ================================= 7.| Подвал сайта ===== */
#footer {
	width:960px;
	font-size:13px;
	color:#777;
    text-align:center;
	margin:40px auto 20px auto;
	padding:5px 0 0 0;
	text-shadow:1px 1px #fff;
	border-top:1px dashed #999;
}
	#footer a { color:#777; text-decoration:none; margin:0 5px;}
	#footer a:hover { text-decoration:underline; }
	#footer p { color:#777; }
	#footer p a { color:#999; font-size:10px; }
	#footer p a:hover { color:#999; text-decoration:underline; }




/* 1024
*********************************************************************/

@media screen and (max-width:1024px) {

.zagolovok{
	width:90%;
	font-size:35px;
}
.podzagolovok{
	color:#444;
	width:90%;
	font-size:21px;
}
#middle {
	width:100%;
	height:auto;
}
.video_area {
	width:720px;
	margin:20px auto;
	float:none;
}
.vcode {
	width:720px;
	height:408px;
}
.arrow {
	display:none;
}
.arrow2 {
	display:block;
	background:url(../images/arrow2.png) center center no-repeat;
	width:90%;
	height:26px;
	margin:10px auto 20px auto;
}
.optin_area {
	width:720px;
	float:none;
	margin:0 auto;
}
	.optin-box input[type="text"] {
		color:#9f200e;
		border:2px solid #ccc;
		font-size:15px;
		margin-bottom:10px;
		padding:8px 10px;
		width:40%
	}
	.optin-box input#email {
		margin-left:15px;
	}
	.confident {
		background-image:none;
		font-size:12px;
		color:#ccc;
		text-align:center;
		padding:0;
		margin:10px 0 5px 0;
	}

#container4 {
	width:90%;
	margin:0 auto;
	position:relative;
}
.image {
	width:34%;
	height:300px;
}
.list {
	width:63%;
	padding:0;
	font-size:16px;
	float:left;
	margin-left:15px;
}
ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.list li {
	line-height:30px;
	padding-left:40px;
	padding-bottom:10px;
}
#footer {
	width:90%;
}

#d_comments_border {
	width:90%;
}

}

/* 768
*********************************************************************/

@media screen and (max-width:768px) {

.zagolovok{
	font-size:30px;
}
.podzagolovok{
	font-size:20px;
}
#middle {
	width:100%;
	height:auto;
}
.video_area {
	width:90%;
	margin:20px auto;
	float:none;
}
.vcode {
	width:100%;
	height:330px;
}
.arrow {
	display:none;
}
.optin_area {
	width:90%;
	float:none;
	margin:0 auto;
}
	.optin-box input[type="text"] {
		color:#9f200e;
		border:2px solid #ccc;
		font-size:15px;
		margin:10px 0;
		padding:8px 10px;
		width:40%
	}
	.optin-box input#email {
		margin-left:15px;
	}
	.confident {
		background-image:none;
		font-size:0.8em;
		color:#bbb;
		text-align:center;
		padding:0 10px 0 10px;
		margin:10px 0 5px 0;
	}

.image {
	display:none;
}
.list {
	width:90%;
	padding:0;
	font-size:16px;
	margin:0 15px;
}

}
	

/* 568 iPhone 5 горизонтальное положение
*********************************************************************/
@media screen and (max-width:568px) {

.zagolovok{
	font-size:1.7em;
	padding:0.625em 0 0.375em 0;
	width:95%;
	margin:0 auto;
}
.podzagolovok{
	font-size:1.1em;
	padding:0 0 0.375em 0;
	width:95%;
	margin:0 auto;
}
#middle {
	width:100%;
	height:auto;
}
.video_area {
	width:90%;
	margin:20px auto;
	float:none;
}
.vcode {
	width:100%;
	height:280px;
}
.optin-box .call1 {
	font-size:1.5em;
	text-shadow:1px 1px #000;
	padding:5px;
}
.optin-box .call2 {
	font-size:0.85em;
	text-shadow:1px 1px #333;
	padding:5px;
}
#container4 {
	width:95%;
	margin:0 auto;
}
.text {
	padding:0.5em;
}
.text_area h1 {
	color:#bf0000;
	font-size:1.3em;
	padding:0 0.7em 0 0.7em;
	text-align:center;
}
.list {
	width:97%;
	font-size:0.98em;
	margin:0 auto;
	float:none;
}
ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.list li {
	line-height:30px;
}

}



/* 480 iPhone 4 горизонтальное положение
*********************************************************************/
@media screen and (max-width:480px) {

.zagolovok{
	font-size:1.5em;
}
.podzagolovok{
	font-size:1em;
}

.vcode {
	width:100%;
	height:280px;
}
.optin-box {
	padding:0 0 10px 0;
}
.optin-box .call1 {
	font-size:25px;
	color:#fff;
	padding:20px 10px 10px 10px;
	text-shadow:none;
}
.optin-box .call2 {
	font-size:15px;
	color:#fff;
	padding:5px 10px 5px 10px;
	text-shadow:none;
}
.optin-box input[type="text"] {
		font-size:0.938em;
		padding:10px 10px;
}
	.optin-box .lock { display:none;}
	.optin-box #confident { font-size:0.813em; display:block; color:#cccccc; margin:10px 10px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }

.text_area h1 {
	font-size:1.1em;
}
.list li {
	font-size:1em;
	line-height:1.3em;
}

}



/* 320 iPhone 5 вертикальное положение
*********************************************************************/
@media screen and (max-width:320px) {

.zagolovok{
	font-size:1.5em;
}
.podzagolovok{
	font-size:1em;
}
.vcode {
	width:100%;
	height:165px;
}
.list {
	font-size:0.9em;
}
#social {
	width:320px;
	margin:30px auto 20px auto;
}
.social_headline {
	padding:0 0 10px 0;
}
.pluso {
	margin:0 0 0 20px;
}
.pluso span {
	display:none;
}
.optin-box .call1 {
	font-size:1.3em;
}
.optin-box .call2 {
	font-size:0.8em;
}
	.optin-box input {
		margin:10px 0 10px 0;
	}
		.optin-box input[type="text"] {
			border:2px solid #aaa;
			font-size:1em;
			width:80%;
			float:none;
		}
		.optin-box input#email { margin-left:0; }
		.optin-box input[type="submit"] {
			padding:10px 25px;
			margin:15px 0 10px 0;
			float:none;
		}
		.optin-box .lock { display:none;}
		.optin-box #confident { color:#dddddd; margin:5px 0 10px 0; text-shadow:none; }

}
	
.img {
width:400px;
height:80px;

}	
/* ===============================	
     Автор:SergeyChunkevich.com
   =============================== */